.headline {
  float: left;
  margin: 0px 10px 2px 0px;
  background-color: #312c2c;
  padding: 2px 2px 4px 2px;
  width: 100%;
  color: #fff;
}

.layer-list-containter {
  width: 400px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  position: absolute;
  left: 0;
  /* top: 50px; */
}

.map-view {
  padding: 0px;
  margin: 0px 0px 0px 400px;

}

.tool-info {
  min-width: 500px;
}

app-footer {
  width: 100%;
}

.example-container {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0px;

}

.example-sidenav-content {
  display: flex;
  height: 100%;
}

.example-sidenav {
  /* padding: 20px; */
}

.right_bt {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 30px;
}

.left_bt {
  position: absolute;
  top: 0px;
  left: 0px;
  min-width: 30px;
}

app-ol-map {
  width: 100%;
  position: absolute;
  left: 0px;
}

ng-sidebar{
  overflow: hidden;
}
